<template>
  <div class="component">
    <app-alert :title="title"
               :postFontSize="postFontSize"
               :ButText="ButText"
               :centent="centent"
               @FontSizeBig="FontSizeBig"
               @textBut="textBut">
      <div>Something bad happened.</div>
    </app-alert>
  </div>
</template>

<script>
  import AppAlert from '@/components/AppMask/AppAlert';
  export default {
    name: "component",
    data() {
      return {
        title:"提示",
        postFontSize:13,
        ButText:"通知父组件收到",
        centent:"联系到了子组件，收到请回复。"
      }
    },
    components:{
      AppAlert
    },
    methods: {
      FontSizeBig(){
        this.postFontSize+=0.1;
      },
      textBut(text){
        mui.alert("我是父组件："+text,"","","","div")
      }
    }
  }
</script>

<style scoped lang="scss">
  .component {

  }
</style>
